<!--
    group: 发票管理
    name: 申请开票
    item: 超额免征超服务模式弹层提示
-->
<template>
  <a-modal
    :width="config.width"
    :footer="null"
    :title="config.modalTitle"
    :destroyOnClose="true"
    :closable="false"
    v-model="config.visible"
  >

    <div class="main">
      <div>
        <h5 class="title" v-if="config.title">{{ config.title }}</h5>
        <p class="content" v-if="config.content">
          <span v-html="config.content"></span>
        </p>
      </div>

      <!-- 开票列表 =>  单笔结算 && 开票金额超征收限额 -->
      <div v-if="config.source == 3 && config.category == 'czs'" class="tipsTitle">
        若您需要提升开票额度，请<a @click="clickHere">点击此处</a>，申请变更征收方式，办理完成后结算！或次月提交结算！
      </div>

      <!--
        申请开票 =>  无在途票 && 开票金额超数电月限额
        开票列表 =>  单笔结算 && 开票金额超数电月限额
        开票列表 =>  结算/批量结算 && 数电已开金额与税务局不一致提示
      -->
      <!--联系客服-->
      <div v-if="(config.source == 2 || config.source == 3 || config.source == 4 || config.source == 5) && config.category == 'sd'" class="codeBox">
        <div class="code">
          <img :src="customGlobal.customerService" alt="客服">
        </div>
      </div>

      <div class="footer_btns">
        <a-button
          :class="[config.big ? 'btnsLarge' : '']"
          v-if="config.okText"
          :type="config.okType"
          @click="sure"
        >{{ config.okText }}</a-button>
        <a-button
          class="mLeft"
          v-if="config.cancleText"
          :type="config.cancleType"
          @click="cancle"
        >{{ config.cancleText }}</a-button>

        <a
          style="margin-left: 5px;"
          v-if="config.expandText"
          @click="preserve"
        >
          {{ config.expandText }}
        </a>
      </div>

      <!-- 申请开票 =>  无在途票 && 开票金额超征收限额 -->
      <div v-if="config.source == 2 && config.category == 'czs'" class="tipsTitle">
        若您需要提升开票额度，请<a @click="clickHere">点击此处</a>，申请变更征收方式，办理完成后继续开票！
      </div>
    </div>
  </a-modal>
</template>

<script>
export default {
  name: 'invoiceCoverPrompt',
  props:['config'],
  data(){
    return{
      // config: {
      //   width: '650px',
      //   visible: false,    //modal展示状态
      //   modalTitle: '',   //modal层的标题
      //
      //   title: '',     //标题
      //   content: '',  //内容
      //   okText: '继续提交',    //确定文字
      //   okType: 'primary',    //确定类型
      //
      //   cancleText: '暂不提交',    //取消文字
      //   cancleType: 'default',    //取消类型
      //
      //   expandText: '保存草稿',    //拓展文字
      //   source: '',    //来源  1-在途  2-无在途  3-单笔结算  4-批量结算
      //   category: '',    //类别
      // }
      //来源释义
      source: [
        {
          name: 'cnd',
          explain: '开票金额超470万',
          source: 1,
          interpret: '申请开票---有在途票',
        },
        {
          name: 'sd',
          explain: '开票金额超数电月限额',
          source: 2,
          interpret: '申请开票---无在途票',
        },
        {
          name: 'czs',
          explain: '开票金额超征收限额',
          source: 3,
          interpret: '开票列表---单笔结算',
        },
        {
          name: 'cfwms',
          explain: '开票金额超服务模式限额',
          source: 4,
          interpret: '开票列表---批量结算',
        },
        {
          name: '',
          explain: '数电已开金额与税务局不一致',
          source: 5,
          interpret: '开票列表---结算/批量结算',
        },
      ]
    }
  },
  methods:{
    //确定
    sure(){
      //子组件调用父组件方法
      this.$emit('fatherPromptMethod',this.config);
    },
    //取消
    cancle(){
      //申请开票-----在途
      if (this.config.source == 1){
        this.config.visible = false;
      }
      //申请开票-----无在途
      else if (this.config.source == 2){
        if (this.config.category == 'sd'){
          this.config.visible = false;
        }else if (this.config.category == 'czs'){
          this.config.visible = false;
          this.$parent.collectionBackMethod();
        }else {
          //调拓展方法  保存草稿
          this.preserve();
        }
      }
      //开票列表-----单笔结算超征收
      else if (this.config.source == 3){
        this.config.visible = false;
      }
    },
    //拓展方法
    preserve(){
      this.$emit('fatherPreserveMethod',this.config);
    },
    //点击此处  无在途票-开票金额超征收限额
    clickHere(){
      this.config.isDraftShow = true;
      this.$emit('fatherPreserveMethod',this.config);
    }
  }
}
</script>

<style scoped lang="less">

.main{
  width: 100%;
  padding: 20px 5% 10px 5%;
}
.title{
  font-size: 18px;
  font-weight: bolder;
  color: #101010;
}
.content{
  font-size: 15px;
  color: #333333;
}


.codeBox{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 20px;
  .code{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    img{
      width: 220px;
    }
  }
}

.footer_btns{
  margin-top: 50px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: end;

  a{
    text-decoration: underline;
  }
}

.tipsTitle{
  font-size: 15px;
  color: #333333;
  margin-top: 30px;
}

/deep/.ant-modal-title{
  font-size: 20px;
  text-align: left;
}
</style>

